*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    text-decoration: none;
}

html,body,#root,.index{
    width: 100%;
    height: 100%;
}

.index{
    display: flex;
    flex-direction: column;
    main{
        flex: 1;
        overflow: hidden;
        .shopcar{
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            header{
                display: flex;
                justify-content: space-around;
            }
            main{
                flex: 1;
                margin-bottom: 50px;
                overflow: auto;
                .shopcar_count{
                   height: 100%;
                   .rv-checkbox{
                       padding-right: 8px;
                   }
                }
                
            }
            .demo-submit-bar{
                .rv-submit-bar{
                    margin-bottom: 50px !important;
                }
            }
            
        
        }
        .classify{
            width: 100%;
            height: 95%;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            header{
                width: 100%;
                height: 40px;
                // background-color: antiquewhite;
                .badge_icon{
                    padding-top: 10px;
                    position: relative;
                    .rv-badge {
                        top:10px
                    }
                }
            }
            main{
                flex: 1;
                overflow: auto;
                .rv-sidebar__wrapper{
                    width: 100%;
                    height: 100%;
                    .rv-sidebar__content{
                        overflow-y: scroll;
                    }
                }
            }
        }
    }
    footer{
        width: 100%;
        height: 50px;
    }
}